﻿<!--﻿<!DOCTYPE HTML>-->
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta http-equiv="Cache-Control" content="no-siteapp"/>
	<link rel="Bookmark" href="imgs/bai.ico">
	<link rel="Shortcut Icon" href="imgs/bai.ico"/>
	<!-- <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css"/> -->
	<title>仓库地图</title>
	<style type="text/css">
		body { margin: 0; background: #000; }
		#menu { margin: 0 auto; padding-top: 5px; width: 1500px;
			position: fixed; top: 0; left: 0; z-index: 10; }
		#menu a { padding: 10px; background: #0088CC; color: #eee; }
		#tbody { margin-top: 40px; width: 100vw; height: 90vh; background: #fff; }
		#shelfList { width: 70vw; min-width: 1200px; height: 90vh; background: #fff; border-right: 5px solid #000; overflow: auto; float: left; }
		#cangwei { height: 90vh; background: #fff; float: left; }
		#tbody table { width: 100%; border-collapse: collapse; }
		#tbody td { padding: 20px 0; height: 60px; text-align: center; }
		#tbody td.huojia { width: 138px; background: #888; border: 1px solid #EEEEEE; color: #fff; text-shadow: 0 0 2px #000; cursor:pointer; }
		#tbody td.huojia:hover, #tbody td.hjed { background: #0088CC; }
		#tbody td.hwed { background: #00aaff; }
		#tbody td.guodao { width: 50px; background: #000080; border: 1px solid #000080; color: #0088CC; }
		#tbody td.paizi { background: #eee; border: 1px solid #eee; color: blue; }
		#tbody .tbtn a { padding: 0 5px; font-size: 14px; color: #eee; }
		#tlist { margin: 10px; width: 20vw; min-width: 200px; height: 90vh; background: #fff; overflow: auto; float: left; }
		#tlist .kwGroup { margin-bottom: 5px; padding: 0 10px; }
		#tlist .kwGroup .title { font-size: 14px; color: #888; }
		#tlist select, #tlist input { margin-bottom: 5px; padding: 5px 10px; width: 90%; border: 1px solid #ccc; border-radius: 5px; }
		#tlist .kwBtn { margin: 10px; }
		#tlist a { padding: 5px 10px; font-size: 14px; background: #0088CC; color: #eee; }
		#tlist a:hover { color: #fff; }
		.hr { margin: 20px 0; width: 100%; height: 1px; background: #ddd; }
		#cwList, #hwList { background: #eee; }
		/* .popMask { width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 100; }
		.popCnt { padding: 10px; width: 500px; background: #fff; border-radius: 5px; overflow: auto; position: fixed; top: 10%; left: 30%; z-index: 100; }
		.popCnt select, .popCnt input { padding: 10px; width: 100%; border-radius: 5px; border: 1px solid #eee; }
		.popCnt button { margin: 0 2%; margin-top: 20px; padding: 10px; width: 46%; border: 0; border-radius: 5px; background: #0088CC; color: #eee; cursor: pointer; }
		.popCnt button.close { background: orangered; }
		.popCnt button:hover { color: #fff; } */
	</style>
</head>
<body>
<div id="menu">
	<a href="/map/index.html">仓位地图</a>
	<a href="/map/hwzd.html">货物字典</a>
	<a href="/map/search.html">地图搜索</a>
</div>
<div id="tbody">
	<div id="shelfList">
		<table cellspacing="0" cellpadding="0">
			<tr>
				<td class="huojia">货架</td>
				<td class="huojia">货架</td>
				<td class="huojia">货架</td>
				<td class="huojia">货架</td>
				<td class="paizi">牌子</td>
				<td class="guodao">过道</td>
				<td class="guodao">过道</td>
				<td class="paizi">牌子</td>
				<td class="huojia">货架</td>
				<td class="huojia">货架</td>
				<td class="huojia">货架</td>
				<td class="huojia">货架</td>
			</tr>
		</table>
	</div>
	<div id="tlist">
		<div class="kwGroup">
			<div class="title">货物号：</div>
			<input type="text" id="hw_kw" placeholder="输入编号" oninput="hwList();"/>
			<select size="3" id="hw_id">
				<option value="">-货物号-</option>
			</select>
		</div>
		<div class="kwGroup">
			<div class="title">货物数量：</div>
			<input type="text" id="hw_num" placeholder="输入需要的数量" value="1"/>
		</div>
		<div class="kwBtn">
			<a href="javascript:;" onclick="emptyCw();">找空位</a>
			<a href="javascript:;" onclick="houwu();">找货物</a>
		</div>
		<div class="hr"></div>
		<div id="cwList"></div>
	</div>
</div>

<span id="formPop"></span>
<span id="msgPop"></span>
</body>
</html>


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/view.js"></script>
<script type="text/javascript" src="js/hwss.js"></script>
<script type="text/javascript">
	var cw = document.documentElement.clientWidth;
	var ch = document.documentElement.clientHeight;
	// var shelf_id = getParamByUrl('shelf_id');
	// var hw_id = getParamByUrl('hw_id');
	// var hw_code = getParamByUrl('hw_code');
	(function () {
		 getList();
		 hwList();
	})();
</script>